page {
	background: white;
	position: relative;
	background-color: white;
	height: 100%;
	overflow: hidden;
}
.icon {
	color:#ffffff;
}

.type {
	position: absolute;
	right: 30upx;
	top: 40upx;
	font-weight: 400;
	color: #666666;
	font-size: 28upx;
}

.logo {
	width: 100%;
	margin-bottom: 77upx;
	padding-top: 156upx;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
	
	.img {
		width: 288upx;
		height: 86upx;
		image {
			width: 100%;
		}
	}	
	.text {
		padding-top: 8upx;
		font-size: 26upx;
		color: #666666;
	}
}


.form {
	font-size: 30upx;
}


.re {
		.username{
			position: relative;
			.get-code{
				position: absolute;
				height: 90upx;
				display: flex;
				align-items: center;
				justify-content: center;
				right: 0;
				padding: 0 40upx;
				z-index: 3;
				&:after {
					content: " ";
					width: 1upx;
					height: 50upx;
					background-color: #fff;
					position: absolute;
					z-index: 3;
					margin-right: 100%;
					left: 0;
					top: 20upx;
				}
			}
		}
		.res {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100upx;
			color: rgba($color: #ffffff, $alpha: 0.8);
		}
	}


.login_box {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 64upx 0 129upx 0;
	.login_input {
		width: 690upx;
		height: 96upx;
		border-radius: 48upx;
		border: 1px solid #979797;
		padding: 27upx 40upx;
		font-size: 30upx;
		font-weight: 400;
		color: #666666;
		display: flex;
		direction: row;
		align-items: center;
		.divder {
			width: 1px;
			height: 36upx;
			background-color: #979797;
			margin: 0 20upx;
		}
	}
}